.container {
	.group {
		// height: 80vh;
		overflow-y: auto;
		background: #fafcfd;
		height: 100%;
		.groupItem {
			display: flex;
			align-items: center;
			justify-content: space-between;
			cursor: pointer;
			padding: 10px;
			.groupItemIcon {
				display: none;
			}
			&:hover {
				background-color: #f5f5f5;
				.groupItemIcon {
					display: block;
				}
			}
			.groupEditIcon {
				display: none;
			}
			&:hover {
				background-color: #f5f5f5;
				.groupEditIcon {
					display: inline-block;
				}
			}
		}
	}
	.table {
		// height: 80vh;
		.info {
			.title {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.content {
				padding: 10px;
				background-color: #f4f6fa;
				margin: 10px 0;
				.action {
					display: flex;
					justify-content: space-between;
					align-items: center;

					div:last-child {
						cursor: pointer;
						margin-right: 5px;
						background: #13c2f3;
						border: 1px solid #19c3f3;
						border-radius: 4px;
						color: white;
						padding: 5px;
						font-size: 12px;
					}
				}
				.label {
					font-size: 14px;
					color: #333;
					margin-bottom: 10px;
					span:first-child {
						margin-right: 10px;
						color: gray;
					}
				}
			}
		}
		.body {
			padding: 10px 0;
			.header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin: 20px 0;
				.headerLeft {
					display: flex;
					align-items: center;
					justify-content: space-between;
					span {
						margin-right: 10px;
					}
				}
				.headerRight {
					.btn {
						margin-left: 10px;
					}
				}
			}
		}
	}
}
